<%@include file="header.jsp"%>
<c:set var="t" value="true" />
<script>
	function formReset() {
		document.getElementById("origin").reset();
		document.getElementById("origin2").reset();
		document.getElementById("origin3").reset();

	}
</script>
<form action="AddFacility" method=post>
	<br />
	<table class="table table-striped">
		<tr>
			<td><fmt:message key="label.facility.name" /></td>
			<td><input type="text" id="origin" name="facilityname"
				value="${param['facilityname']}"> <span class="error">${errors.origin}</span>
			</td>
		</tr>
		<tr>
			<td><fmt:message key="label.facility.description" /></td>
			<td><input type="text" id="origin2" name="description"
				value="${param['description']}"> <span class="error">${errors.origin2}</span>
			</td>
		</tr>
		<tr>
			<td><fmt:message key="label.facility.type" /></td>
			<td><select name="type" value="${param['type']}">
					<option value="Discussion Room"
						${ param['type'] == "Discussion room" ? 'selected="selected"' : ""  }>Discussion
						Room</option>
					<option value="Meeting Room"
						${ param['type'] == "Meeting room" ? 'selected="selected"' : ""  }>Meeting
						Room</option>
					<option value="Classroom"
						${ param['type'] == "Classroom" ? 'selected="selected"' : ""  }>Classroom</option>
					<option value="Multi-Purpose-Hall"
						${ param['type'] == "Multi-Purpose-Hall" ? 'selected="selected"' : ""  }>Multi-Purpose-Hall</option>
			</select></td>
		</tr>
		<tr>
			<td><fmt:message key="label.facility.capacity" /></td>
			<td><input type="text" id="origin3" name="capacity"
				value="${param['capacity']}"> <span class="error">${errors.origin3}</span>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:center"><div class="btn-group">
					<input class="btn btn-primary" type="submit" value="Submit">
					<input class="btn btn-primary" type="reset" value="Reset"
						onclick="formReset()">
				</div></td>
		</tr>
	</table>
</form>
<%@include file="footer.jsp"%>